<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<div th:fragment="page">
    <div id="page"></div>
<link rel="stylesheet" href="/assets/page/css/style.css" />
<script type="text/javascript" src="/assets/lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="/assets/page/js/page.js"></script>
<script th:inline="javascript">/*<![CDATA[*/
    var size=[[${page.pagecount}]];
    if(size>1)
     Pagination.Init(document.getElementById('page'), {
            size: size, // pages size
            page: [[${page.pageon}]],  // selected page
            step: 3   // pages before and after current
        });
     /*]]>*/
function back(page_index){
    /*<![CDATA[*/
    if([[${page.pageon}]]==page_index) 
        return;
    var url=document.getElementById('page').parentNode.getAttribute('href');var tourl;
       
    if(url.indexOf('?')>0)
        tourl=url+'&pageon='+page_index;
    else
        tourl=url+'?pageon='+page_index;
        window.location.href=tourl;
    /*]]>*/
}
</script>
</div>
</html>